<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<style type="text/css">
			.navs{
				background-color: pink;
				color: black;
				height: 20px;
				width: 150px;
				font-size: 23px;
			}
			header{
				text-align:center;
			}
			.bzkx{
				text-align:center;
			}
			.tp{
				width: 100px;
				height: 100px;
			}
			
			#someabout{
				width: 650px;
				height: 200px;
				margin: 0 auto;
				position: relative;
			}
			header nav div{
				width: 124px;
				display: inline-block;
				background-color: pink;
			}
			.imgsss{
				list-style:inside url(img/icon1.gif);
				font-size: 10px;
				padding-left: 20px;
				padding-top: 0px;
			}
			div ul hr{
				border:1px dashed black;
			}
			.imgsss2{
				list-style:inside url(img/icon2.gif);
			}
			.buycar{
				width: 680px;
				height: 320px;
				background-color: rgb(245,245,245);
				display: inline-block;
				float: left;
			}
			.buybutton{
				width: 680px;
				height: 30px;
				display: inline-block;
				float: left;
			}
		</style>
		<link  href="css/flower.css" type="text/css" rel="stylesheet"/>
	</head>
	<body style="width: 900px;">
		<header>
			<div>
				<img src="img/head.jpg" width="900px"/>
			</div>
			<nav>
				<div>
				<span class="navs">鲜花礼品</span>
				</div>
				<div>
				<span class="navs">自助订花</span>
				</div>
				<div>
				<span class="navs">绿色植物</span>
				</div>
				<div>
				<span class="navs">花之物语</span>
				</div>
				<div>
				<span class="navs">会员中心</span>
				</div>
				<div>
				<span class="navs">联系我们</span>
				</div>
				<div>
				<span class="navs">支付方式</span>
				</div>
			</nav>
		</header>
		<div style="width: 220; height: 2100px;display: inline-block;float: left;">
			<div style="width: 220; height: 200px;display: inline-block;float: left;">
				<br />
				<img src="img/login.jpg"/>
				<p>用户:<input type="text" style="width: 140px;"></p>
				<p>密码:<input type="text" style="width: 140px;"></p>
				<div>
					<input type="submit" value="提交"  style="width: 80px;"/>
					<input type="submit" value="注册"  style="width: 80px;"/>
				</div>
			</div>
			<div style="width: 220; height: 1800px;display: inline-block;float: left;">
				<img src="img/category.jpg"/>
				<div style="width: 210px;background-color: #FFC0CB;">用途</div>
				<ul class="imgsss">
					<li>爱情鲜花</li>
					<hr />
					<li>生日送花</li>
					<hr />
					<li>新年送花</li>
					<hr />
					<li>家庭送花</li>
					<hr />
					<li>亲情送花</li>
					<hr />
					<li>道歉送花</li>
					<hr />
					<li>开业花篮</li>
					<hr />
					<li>会议用花</li>
					<hr />
				</ul>
				
				<div style="width: 210px;background-color: orange;">花材</div>
				<ul class="imgsss">
					<li>玫瑰花</li>
					<hr />
					<li>百合花</li>
					<hr />
					<li>郁金香</li>
					<hr />
					<li>太阳花</li>
					<hr />
					<li>康乃馨</li>
					<hr />
					<li>马蹄莲</li>
					<hr />
					<li>扶朗</li>
					<hr />
					<li>剑兰</li>
					<hr />
				</ul>
				
				<div style="width: 210px;background-color: orange;">价格</div>
				<ul class="imgsss">
					<li>100-200元</li>
					<hr />
					<li>200-300元</li>
					<hr />
					<li>300-400元</li>
					<hr />
					<li>400~500元</li>
					<hr />
					<li>500-600元</li>
					<hr />
					<li>600-800元</li>
					<hr />
					<li>800元以上</li>
					<hr />
				</ul>
			</div>
		</div>
		<div class="buycar">
			<table >
				<tr>
					<th>编号</th>
					<th>商品名称</th>
					<th>市场价</th>
					<th>现价</th>
					<th>数量</th>
					<th>删除商品</th>
				</tr>
				<tr>
					<td>9010754</td>
					<td>
						<img src="img/flower10.jpg" width="100px" height="100px" style="float: left;"/>
						<div style="width: 200px;margin-top: 45px;display: inline-block;">
							<a href="index.html" style="text-align: center;">[鲜花]陪伴在你身边</a>
						</div>
					</td>
					<td>￥220</td>
					<td>￥198</td>
					<td>
						<input type="text" style="width: 50px;"/>
					</td>
					<td>
						<img src="img/del.jpg" />
					</td>
				</tr>
				<tr>
					<td>9010818</td>
					<td>
						<img src="img/flower9.jpg" width="100px" height="100px" style="float: left;"/>
						<div style="width: 200px;margin-top: 45px;display: inline-block;">
							<a href="index.html" style="text-align: center;">[鲜花]蓝色之恋</a>
						</div>
					</td>
					<td>￥155</td>
					<td>￥139</td>
					<td>
						<input type="text" style="width: 50px;"/>
					</td>
					<td>
						<img src="img/del.jpg" />
					</td>
				</tr>
				<tfoot>
					<tr>
						<td colspan="6" style="text-align:right">合计￥337元</td>
					</tr>
					<tr>
						<td colspan="6" style="text-align:right">如果配送日期为2011.8.5、8. 6则执行七夕节假，合计￥406元</td>
					</tr>
				</tfoot>
			</table>
			<div class="buybutton">
				<input type="submit" value="提交我的订单"  style="float: right;margin-right: 20px;"/>
				<input type="submit" value="继续挑选商品"  style="float: right;margin-right: 20px;"/>
				<div style="display: inline-block;width: 200px;float: right;">
					<img src="img/cha.jpg" />
					<a href="index.html">清空购物车(返回首页)</a>
				</div>
			</div>
		</div>
		<div class="xpsh">
			<br />
			<div>
				<img src="img/hr2.jpg" width="680px"/>
			</div>
			<div style="display: inline-block;width: 330px;">
				<ul class="imgsss2">
					<li>各种鲜花所代表的含义</li>
					<li>养花与养生之道</li>
					<li>花香的味道</li>
					<li>种花与送花</li>
				</ul>
			</div>
			<div style="display: inline-block;width: 330px;">
				<ul class="imgsss2">
					<li>花的喜怒哀乐和人的各种感觉</li>
					<li>每天清晨的第一缕阳光</li>
					<li>世界各地关于送花的习俗</li>
					<li>手捧一束鲜花的等待</li>
				</ul>
			</div>
		</div>
	</body>
</html>
